<template>
    <div class="home">
        <van-tabbar route>
            <van-tabbar-item icon=" iconfont icon-niu" to="/index">首页</van-tabbar-item>
            <van-tabbar-item icon=" iconfont icon-kechengguanli" to="/course">特色课</van-tabbar-item>
            <van-tabbar-item icon=" iconfont icon-dianji" to="/record">约课记录</van-tabbar-item>
            <van-tabbar-item icon=" iconfont icon-lianxi" to="/exercise">练习</van-tabbar-item>
            <van-tabbar-item icon=" iconfont icon-wodegerenzhongxin" to="/my">我的</van-tabbar-item>
        </van-tabbar>
    <router-view/>
    </div>
</template>

<script>
import { Tabbar, TabbarItem, Icon } from "vant";
export default {
    name: "Home",
    components: {
        [Tabbar.name]: Tabbar,
        [TabbarItem.name]: TabbarItem,
        [Icon.name]: Icon,
    },
    data() {
        return {};
    },
};
</script>

s